html { height: 100%; }
body { margin: 0; padding: 0; background: url(brushed-metal.jpg); height: 100%; }
#content { width: 100%; height: 100%; }

div.left, div.middle, div.right { padding: 1%; margin: 1%; text-align: center; height: 93%; }
div.middle { float: left; width: 29%; margin-left: 34%; }
div.left { float: left; width: 29%; margin-left: -64.8%; }
div.right { float: left; width: 29%; }

div.gameHeader { background: url(tag.png) no-repeat center; padding: 10px 0 20px 0; }
div.gameTables { background: url(wood-fence.jpg); margin: 6%; height: 80%; }

/**************
 * Tic Tac Toe
 **************/
#TicTacToeHolder { width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; background-color: White; }
#gameBoard { width: 100%; height: 100%; }
#gameBoard td { border: 1px solid Black; width: 32%; height: 32%; text-align: center; font-size: 4em; }
#gameBoard td form { width: 100%; height: 100%; }
#gameBoard td form input[type=submit] { border: none; background: none; color: White; width: 100%; height: 100%; cursor: pointer; }

span.moveFrom0 { left: 700px; position: relative; }
span.moveFrom180 { left: -700px; position: relative; }
#players { position: fixed; top: 0; left: 0; margin: 0; list-style: none; padding: 6px; background-color: white; width: 200px; }
#players li.justAdded span { left: 700px; position: relative; }
